@import "../../_common/commonfunc"


.boxer
  background: #fff

.demo
  width: 100vw
  height: 100vh


.swiper-poster
  height: 100vh
  width: 100vw
  padding: 0
  background: rebeccapurple
  .item-icon-close
    margin: 50rpx auto 0
    iconCloseb()
  .swiper-words
    font-size: 30rpx
    color: #fff
    text-align: center
    margin-top: 30rpx

.poster-list
  // margin-top: 10vh
  height: 84vh
  swiper-item
    -webkit-overflow-scrolling: touch
    position: relative
    >ui-item
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%
      transform-style: preserve-3d;
  .poster-item
    transition: all .2s
    transform: translate3d(0,0,0) scale(.85)
    position: relative
    background: #fff
    border-radius: 12rpx
    padding: 30rpx
    height: 80%
    &.active
      transform: scale(1)
      
  image
    border-radius: 30rpx
    width: auto
    max-height: 65vh
    // margin: auto
  .item-pic-load
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 100%
    background: #fff
    border-radius: 30rpx
    ss-display-flex(row, center, center)
    >view
      &:after
        font-size: 90rpx